<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Slider</title>
<script src="lib/prototype.js" language="javascript" type="text/javascript"></script>
<script src="ui.js" language="javascript" type="text/javascript"></script>
</head>

<body>
<h1>Slider</h1>
<script type="text/javascript">

window.addEventListener("load",
function(){
  //alert("onload");
  var sliderId = 'slider1';
  $(sliderId).innerHTML = "<canvas id='" + sliderId + "_canvas'></canvas>";
  console.info($(sliderId + "_canvas"));
  var theSlider = new SliderView($(sliderId + "_canvas"), //300, 50);
    300, 50, SliderView.VERT);
  var xPos = new XPosModel(150, 0, 300);
  theSlider.registerModel( xPos );
}, true);
//console.info("ran");
</script>
<div id="slider1" class="slider">

</div>
<div id="slider1_label">

</div>
</body>
</html>